<template>
	<div class="err-wrap">
	  <div style="padding-top: 12%;"><img width="250" src="https://mimg.127.net/ggimg/all/img21/190909_404_blue.jpg"></div>
	  <div class="err-tit">糟糕，出现了错误</div>
	  <div class="err-des">服务器开小差了，怎么办？当然是原谅它啦</div>
	  <div style="margin-top: 20px;">
		<a-button type="primary" @click="goBack">返回首页</a-button>
	  </div>
	</div>
  </template>
  
  <script setup lang="ts">
	import { useRouter } from 'vue-router'
	const router = useRouter()
	const goBack = () => {
	  router.push({
		name:'Home'
	  })
	}
  </script>
  
  <style scoped>
  .err-wrap {margin: 0 auto;text-align: center;font-size: 14px;line-height: 20px}
  .err-tit {margin-top: 30px;color: #2A2A2A;font-size: 16px;line-height: 22px}
  .err-des {margin-top: 14px;color: #999999}
  </style>